<script setup>
import { RouterLink, RouterView } from 'vue-router'
import 'animate.css';
</script>

<template>
 <div>
  <transition name="animate__animated animate__bounce" enter-active-class="animate__fadeInUp"
                    leave-active-class="animate__zoomOut" appear>
  <RouterView/>
 </transition>
 </div>
   


</template>

<style scoped>

/* #app{
  grid-template-columns:none;
} */

:root {
  --nprogress-color: #29d;
  --nprogress-z-index: 1031;
  --nprogress-height: 32px;
}

body{
  box-sizing: border-box;
  background-color: #e7e8e9;
  background-image: url('./assets/bgimg.jpg');
  background-repeat: round;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* width: 100vh; */
  /* height: 100vh; */
  /* grid-template-columns:none; */

}

</style>
